/*主体部分背景色*/
$mainBGColor: #F8F8F8;

.flex-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}
 
.flex-left {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-right {
  display: flex;
  flex-direction: row;
  align-items: center;
}

//manage页面flex 左右布局
.flex {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

//flex布局页面样式  从青海复制过来
.flexDiv {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}



.login-box {
  .login-right-box {
    .input-box {
      .el-input__inner {
        background-color: #F7F7F7 !important;
        border: 0px solid #fff !important;
        height: 60px;
        font-size: 18px !important;
      }

      .el-input__inner:focus {
        border: 2px solid #0678C9 !important;
      }

      .activeinput {
        .el-input__inner {
          border: 2px solid red !important;
        }
      }

      .el-input--prefix .el-input__inner {
        padding-left: 40px !important;
      }

      .el-input__inner:hover {
        border: 1px solid #C0C4CC !important;
      }
    }

    .foget-box {
      .el-checkbox__label {
        font-size: 16px !important;
        color: #A8A9AB !important;
      }

      .el-checkbox__input.is-checked+.el-checkbox__label {
        color: #A8A9AB !important;
        font-size: 16px !important;
      }

      .el-checkbox__inner {
        border-radius: 10px !important;
      }

      .el-checkbox__input.is-checked .el-checkbox__inner,
      .el-checkbox__input.is-indeterminate .el-checkbox__inner {
        background-color: #0678C9;
        border-color: #0678C9;
        border-radius: 10px;
      }

      // .login-box .login-right-box .foget-box .el-checkbox__label{
      //     color: #A8A9AB !important;
      //     font-size: 16px !important;
      // }
    }

  }

  .verify-code {
    border: unset !important;
    border-radius: 0px !important;
  }
}

.workbench-container .el-scrollbar__wrap {
  overflow-x: hidden !important;
}

.jindubox-list-right .el-scrollbar__wrap {
  overflow-x: hidden !important;
}



// 头部搜索框样式
.operate_wrap {

  /*按钮输入框等*/
  & .add,
  & .delete,
  & .search,
  & .el-select,
  & .el-input__inner {
    min-width: 80px !important;
    height: 36px !important;
  }

  .search:hover {
    background: #6A9BFF !important;
    border-color: #6A9BFF !important;
  }

  .delete:hover {
    background: #66CFE8 !important;
    border-color: #66CFE8 !important;
  }

  /*下拉框输入框等*/
  & .el-input__inner {
    background-color: #fff;
    color: #bcbcbc;
    border: 1px solid #e2e8ec;
    border-radius: 12px !important;
    color: #333333 !important;
  }

  /*下拉框图标*/
  & .el-input__icon {
    color: #bcbcbc;
  }

  /*输入框的提示文字*/
  & .el-input__inner::-webkit-input-placeholder {
    color: #bcbcbc;
  }

  & .search {
    width: 92px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #fff !important;
    background-color: #3270EF !important;
    border-color: #3270EF !important;
    border-radius: 12px !important;
    margin-left: 10px !important;
  }

  & .delete {
    // background-color: $mainBGColor!important;
    // color: #09abf6;
    // border: 1px solid #09abf6;
    height: 36px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px !important;
    font-size: 14px !important;
    background-color: #2CBDE0 !important;
    border-color: #2CBDE0 !important;
    color: #fff;
  }

  /*新增按钮的样式*/
  .buildButtonStyle {
    background-color: #7AC651 !important;
    border-color: #7AC651 !important;

    &:hover {
      background-color: #9be375 !important;
      border-color: #9be375 !important;
    }
  }

  .flex-right {

    // .el-select  .el-input__inner{
    //   border-color: #09ABF6 !important;
    // }
    .el-select .el-input .el-select__caret {
      //下拉图标
      color: #bfbfbf !important;
    }

    .el-select .el-input.is-focus .el-input__inner {
      //激活线的颜色
      // border-color: #09ABF6 !important;
      border-color: #3270EF !important;
    }

    .el-input__inner {
      //组件边框
      border-color: #bfbfbf !important;
      // border-color: #3270EF !important;
      // color: #11A6F5 !important;
      // border:  2px solid #bfbfbf  !important;
      // #11A6F5

    }

    ::placeholder {
      //通过这个设置
      // color: #11A6F5 !important;
      color: #909399 !important;
    }

    //下拉选  选框
    .el-select-dropdown {
      .el-select-dropdown__item.selected {
        color: #3270EF !important;
        font-weight: normal !important;
      }
    }
  }
}


//背景白色
.background_wrap {
  background-color: #fff;
  // padding: 20px;
  margin: 10px 0 5px 0;
  // margin-top: 20px;
  padding: 20px;
  // padding-top: 20px;
  // padding-bottom: 80px;
  border-radius: 12px;
  // height: 720px;
  min-height: 82vh;

  .list_wrap {
    margin: 0px !important;
    margin-top: 10px !important;
    padding-top: 0px !important;
  }

  //表格头部新增和导出
  .add,
  .addLong,
  .daochu,
  .delete {
    // width: 112px !important;
    height: 36px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px !important;
    font-size: 14px !important;
  }

  .daochu,
  .delete {
    background-color: #2CBDE0 !important;
    border-color: #2CBDE0 !important;
  }

  .daochu:hover {
    background: #66CFE8 !important;
    border-color: #66CFE8 !important;
  }

  .delete:hover {
    background: #66CFE8 !important;
    border-color: #66CFE8 !important;
  }
}

.hasHeaderSelect {
  min-height: 78vh !important;
}

// 模块头部的标题样式
.model-title-css {
  /*  width: 100%;
  // width: 96%;
  // height: 40px;
  // margin-top: 10px;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  // padding-left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;*/
  width: 100%;
  height: 40px;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  display: flex;
  align-items: center;
  // justify-content: space-between;
}

// 弹窗头部的标题
.formTitle {
  font-weight: 700;
  font-size: 16px;
  margin: 15px 0;
}

//表头面包屑
._breadcrumb {
  position: fixed;
  right: 35px;
  top: 100px;

  .el-breadcrumb__inner {
    color: rgba(0, 0, 0, 0.45);
    font-weight: normal;
  }

  .el-breadcrumb__separator {
    margin: 0 9px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.45);
  }

  .el-breadcrumb__item:last-child .el-breadcrumb__inner {
    color: #000;
    font-weight: normal;
  }
}

//搜索
._search {
  // background-color: #11A6F5;
  // border: 1px solid #11A6F5;
  width: 92px !important;
  height: 34px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  // float: right;
  color: #fff !important;
  background-color: #3270EF;
  border-color: #3270EF;
  border-radius: 12px !important;
  margin-left: 10px !important;
}

._search:hover {
  background: #6A9BFF !important;
  border-color: #6A9BFF !important;
}

//表格操作栏的查看删除按钮
.action_color1 {
  color: #3270EF !important;
  border: 1px solid #3270EF !important;
  border-radius: 3px !important;
}

.action_color1:hover {
  color: #77A0F4 !important;
  border: 1px solid #77A0F4 !important;
}

.action_color2 {
  color: #F56C6C !important;
  border: 1px solid #F56C6C !important;
  border-radius: 3px !important;
}

.action_color2:hover {
  color: #F89D9D !important;
  border: 1px solid #F89D9D !important;
}

.action_color3 {
  color: #7AC651 !important;
  border: 1px solid #7AC651 !important;
  border-radius: 3px !important;
}

.action_color3:hover {
  color: #9be375 !important;
  border: 1px solid #9be375 !important;
}


/*表格*/
.list_wrap .el-table {
  border: 1px solid #E2E8EC;

  /*表头文字加粗*/
  .el-table__header-wrapper .cell {
    font-weight: bold;
  }

  /*列表页表格 边框线样式*/
  &::before {
    height: 0;
  }

  &::after {
    width: 0;
  }

  /*表格文字*/
  //& th, & td{
  //  text-align: center;
  //}
  /*表格 鼠标移入背景和文字*/
  & tr:hover>td {
    background: #F2F4F3 !important;

    /*列表页下拉按钮 文字*/
    .el-dropdown {
      color: #edeff5;
    }
  }

  /*表格 为空时的提示样式*/
  & .el-table__empty-block {
    background-color: $mainBGColor !important;
  }

  /*表格的多选框样式*/
  & .el-checkbox__inner {
    border-color: #4CA1EF;
    margin-top: -8px;
  }

  /*表格无数据时的提示行*/
  & .el-table__empty-block {
    border-bottom: 1px solid #E2E8EC;
    border-right: 1px solid #E2E8EC;
    box-sizing: border-box;
  }

  /*表格操作按钮形式*/
  .menu_icon {
    width: unset;
    height: 30px;
    background-color: #fff;
    color: #fff;
    border-radius: 2px;
    line-height: 30px;
    text-align: center;
    padding: 0 10px;
    font-size: 12px !important;
    cursor: pointer;
    float: left;
    margin: 5px 3px 5px 3px;

    & i {
      font-size: 12px !important;
      margin-right: 2px;
    }
  }

  /*表格操作文本形式*/
  .menu_text {
    margin: 0 7px;
    color: #2AA7DC;
    font-size: 14px;
    float: left;
    cursor: pointer;
  }

  /*表格的排序图标样式*/
  .sort-caret.ascending {
    border-bottom-color: #758EAA;
  }

  .ascending .sort-caret.ascending {
    border-bottom-color: #5093e1;
  }

  .sort-caret.descending {
    border-top-color: #758EAA;
  }

  .descending .sort-caret.descending {
    border-top-color: #5093e1;
  }
}

//.list_wrap-table .el-table{
//  & tr:hover>td{
//    background: unset !important;
//    /*列表页下拉按钮 文字*/
//    .el-dropdown{
//      color: #edeff5;
//    }
//  }
//}
.el-table td.el-table__cell div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}

/*列表页分页器*/
.list_wrap .el-pagination {
  height: 32px;
  box-sizing: border-box;
  padding: 0;
  text-align: center;

  /*表格的分页器 各项*/
  & button,
  & li {
    background-color: transparent;
    padding: 0;
    color: #444;
    font-weight: 400;
    border-top: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    border: 1px solid #BFBFBF !important;
    margin: 0 5px !important;
    border-radius: 6px;
  }

  /*表格的分页器 上一页下一页*/
  & .btn-prev,
  & .btn-next {
    width: 65px;
    height: 30px;
    line-height: 28px;
    border-right: 1px solid #BFBFBF;
  }

  & .btn-prev {
    border-left: 1px solid #BFBFBF;
    // border-top-left-radius: 2px;
    // border-bottom-left-radius: 2px;
  }

  & .btn-next {
    // border-top-right-radius: 2px; border-bottom-right-radius: 2px;
  }

  /*表格的分页器 页码*/
  & li {
    border-right: 1px solid #BFBFBF;
    width: 32px;
    height: 30px;
    line-height: 28px;
  }

  & button,
  & span:not([class*=suffix]) {
    height: 30px;
    line-height: 28px;
  }

  /*表格的分页器 页码选中*/
  & .el-pager li.active {
    background-color: #3270EF;
    color: #fff;
    border: none !important;
    border-color: transparent;
    // background-color: #11A6F5;
    // color: #fff;
    // border-top: 1px solid #11A6F5;
    // border-bottom: 1px solid #11A6F5;
  }

  /*表格的分页器 上一页下一页不可点*/
  & button:disabled {
    color: #D7D7D7;
    cursor: not-allowed;
  }
}

// 表格的某一列变色
//项目信息管理
.project-management-info {
  .el-table__body-wrapper tr td:nth-child(2) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }
}

//第三列
.project-management-info-qinghai3 {
  .el-table__body-wrapper tr td:nth-child(3) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }
}

//第四列
.project-management-info-qinghai {
  .el-table__body-wrapper tr td:nth-child(4) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }
}

//项目信息管理
.engineeringLog-table {
  .el-table__body-wrapper tr td:nth-child(4) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }
}

.migrant-work-contract-table {
  .el-table__body-wrapper tr td:nth-child(5) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }

}

.supernotice-table {
  .el-table__body-wrapper tr td:nth-child(4) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }
}

.topics-table {
  .el-table__body-wrapper tr td:nth-child(3) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }
}

.topics-meeting-table {
  .el-table__body-wrapper tr td:nth-child(2) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }
}

.insprction-table {
  .el-table__body-wrapper tr td:nth-child(4) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }
}

.countquery {
  .el-table__body-wrapper tr td:nth-child(4) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }

  .el-table__body-wrapper tr td:nth-child(5) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }

  .el-table__body-wrapper tr td:nth-child(14) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }
}


.el-dialog {
  overflow: hidden;
  border-radius: 10px !important;
  padding-bottom: 20px;
  margin-top: 8vh !important;

  /*弹窗 头部行样式*/
  .el-dialog__header {
    padding: 0 17px !important;
    height: 45px;
    line-height: 45px;
    background-color: #eff0f4;
  }

  /*弹窗 头部标题*/
  .el-dialog__title {
    font-family: 'MicrosoftYaHei', 'Microsoft YaHei';
    font-weight: 400;
    font-size: 16px !important;
    color: #000666 !important;
  }

  /*弹窗 头部关闭*/
  .el-dialog__headerbtn {
    top: 12px !important;
  }

  /*切换标签的样式*/
  .el-tabs {
    //margin-top: -20px;
  }

  /*记录日志列表*/
  .el-step__icon {
    width: 18px;
    height: 18px;
    font-size: 12px;
    word-break: keep-all;
  }

  .el-step.is-vertical .el-step__line {
    left: 8px;
    top: 1px;
    bottom: -1px;
  }

  /*查看时的文件上传按钮*/
  .upload-demo.no_upload .el-upload {
    display: none;
  }

  .upload-demo .el-upload {
    display: inline-block;
  }

  /*文件格式提示问题*/
  .el-upload__tip {
    margin-top: 0;
  }

  /*弹窗 各个表单行间距*/
  .el-form-item {
    margin-bottom: 15px !important;

    .el-input--small .el-input__inner {
      height: 40px;
      line-height: 40px;
    }
  }

  .el-form-item--small .el-form-item__label {
    line-height: 40px !important;
    text-align: right !important;
    vertical-align: middle !important;
    float: left !important;
    font-size: 14px !important;
    color: #606266 !important;
    padding: 0 12px 0 0 !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
  }

  /*textarea的距高*/
  .el-textarea {
    margin-top: 5px;
  }

  .el-col {
    padding-bottom: 2px;
  }

  .el-dialog__body {
    padding: 10px 20px !important;
  }
}

// 修改菜单管理里面的弹窗的高度 防止菜单选择器无法出现
.menuDialog {
  .el-dialog__body {
    max-height: 600px !important;
    overflow-y: auto !important;
  }
}

.userDialog {
  .el-dialog__body {
    max-height: 570px !important;
    overflow-y: auto !important;
  }
}

//批复项
.approve-tabs {
  margin-bottom: 5px;

  .el-tabs__item {
    padding-left: 30px !important;
    font-size: 14px;
    color: #6C6E73;
    opacity: 1;
  }
}

//批复项
.tabs-class {
  margin: 20px 0 10px 0;

  .el-tabs__item {
    padding-right: 30px !important;
    font-size: 14px;
    color: #6C6E73;
    opacity: 1;
  }

  .el-tabs__nav-scroll {
    display: flex;
    justify-content: flex-end;
  }
}


/*谷歌、safari、qq浏览器、360浏览器滚动条样式 -- 白色样式*/
.WholeScroll {

  &,
  & .el-table__body-wrapper {
    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

    &::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    &::-webkit-scrollbar-track {
      border-radius: 10px;
      background-color: #f1f1f1;
    }

    /*定义滑块 内阴影+圆角*/
    &::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background-color: #ddd;
    }

    /*滑块效果*/
    &::-webkit-scrollbar-thumb:hover {
      border-radius: 5px;
    }

    /*滚动条交汇处*/
    &::-webkit-scrollbar-corner {
      background-color: #f1f1f1;
    }
  }
}

.GreenScroll {

  &,
  & .el-table__body-wrapper {
    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

    &::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    &::-webkit-scrollbar-track {
      border-radius: 10px;
      background-color: #f1f1f1;
    }

    /*定义滑块 内阴影+圆角*/
    &::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background-color: rgba(145, 204, 117, 1);
    }

    /*滑块效果*/
    &::-webkit-scrollbar-thumb:hover {
      border-radius: 5px;
    }

    /*滚动条交汇处*/
    &::-webkit-scrollbar-corner {
      background-color: #f1f1f1;
    }
  }
}

.GrayScroll {

  &,
  & .el-table__body-wrapper {
    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

    &::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    &::-webkit-scrollbar-track {
      border-radius: 10px;
      background-color: #183A75;
    }

    /*定义滑块 内阴影+圆角*/
    &::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background-color: #2D4C81;
    }

    /*滑块效果*/
    &::-webkit-scrollbar-thumb:hover {
      border-radius: 5px;
    }

    /*滚动条交汇处*/
    &::-webkit-scrollbar-corner {
      background-color: #183A75;
    }
  }
}

.tableRowSpan {
  cursor: pointer;
  display: block;
  width: 100%;
}

.blankDiv {
  width: 100%;
  height: 23px;
  cursor: pointer;
  // background-color: red;
}

.input_project {
  .el-input__inner {
    min-height: 40px !important;
  }
}

//督战表导入按钮
.bidTable-import {
  span {
    color: #fff !important;
  }
}

.bidTable-import-button {
  .el-upload.el-upload--text {
    .el-button {
      visibility: hidden;
    }
  }
}

//week选择器 不需要叉叉
.no-clearable-picker {
  .el-input__suffix {
    .el-icon-circle-close {
      display: none !important;
    }
  }
}

.el-button--small {
  .iconfont {
    font-size: 12px;
  }
}

.el-message-box .el-message-box__btns .el-button {
  font-size: 12px !important;
}

//批复项
.approveItem-problem-table {
  .el-table__body-wrapper tr td:nth-child(4) {
    color: #3270EF !important;
    cursor: pointer !important;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
      cursor: pointer !important;
    }
  }
}

//批复项内容设置
.approveItem-setting-table {
  .el-table__body-wrapper tr td:nth-child(3) {
    color: #3270EF !important;
    cursor: pointer !important;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
      cursor: pointer !important;
    }
  }
}

//批复项
.modifyCommand-table {
  .el-table__body-wrapper tr td:nth-child(4) {
    color: #3270EF !important;
    cursor: pointer !important;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
      cursor: pointer !important;
    }
  }
}

// 表格的某一列变色
//勘察施工图过程
.drawing-process {
  .el-table__body-wrapper tr td:nth-child(4) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }
}

//会议
.meeting-process {
  .el-table__body-wrapper tr td:nth-child(2) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }
}

// .cmsPopoverTree{
.popover {
  .el-tree {
    overflow: auto !important;
    max-height: 300px !important;
  }
}

// }

//公共按钮样式
.common-button-border {
  height: 30px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px !important;
  font-size: 12px !important;
}

//深层穿透
.deepPierce {
  .cmsSearchTree {
    .el-button {
      height: 34px !important;
      overflow-y: auto !important;
    }
  }

  .cmsPopoverTree {
    .el-button {
      height: 34px !important;
      overflow-y: auto !important;
      overflow-x: hidden;
    }
  }
}

.normal-box {
  z-index: 9;
  width: 100%;
  height: 30%;
  background-image: url("~@/assets/images/cockpit/3_17Map/normal-box.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  //border: 1px solid #0A7F8E;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;

  .box-title {
    /* left: 42%; */
    height: 10%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 4px;
    color: #17f5fd;
    font-size: 0.9vw;
  }

  .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    width: 100%;
    display: none;

    .top-left {
      display: flex;
      align-items: center;

      img {
        margin: 0 10px;
      }

      img:nth-of-type(1) {
        width: 26px;
      }

      img:nth-of-type(2) {
        width: 143px;
      }

      span {
        font-size: 1vw;
        line-height: 19px;
        color: #FFFFFF;
      }
    }

    .top-right {
      margin-right: 15px;
    }
  }

  .content {
    height: 90%;
    width: 90%;
    // margin:  15px auto;
    // margin-top: 33px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.peoject-normal-box {
  height: 32%;
}

/*日志的样式*/
.el-steps.el-steps--vertical {
  .el-step__head.is-finish {
    color: #009be2;
    border-color: #009be2;
  }

  .step_wrap {
    width: 530px;
    margin-top: -4px;
    font-size: 14px;

    .flag {
      color: #009be2;
    }

    .name {
      color: #acacac;
    }

    .date {
      color: #acacac;
      float: right;
      font-size: 13px;
    }

    .content {
      color: #666;
      text-indent: 6px;
    }
  }
}


.row-i-hover-css :hover {
  color: #005FFF !important;
  cursor: pointer;
}

.global-pointer {
  cursor: pointer;
}

//流程示意图居中
.g-dialog-img {
  .el-image__preview {
    display: block;
    margin: 0 auto;
    width: unset;
    height: 100% !important;
  }
}

//流程示意图居中
.g-dialog-img-objfit {
  .el-image__preview {
    display: block;
    margin: 0 auto;
    object-fit: contain;
  }
}


.select-new-new {
  position: absolute;
  right: 1vw;
  top: 10%;
  z-index: 99;

  .el-input--small .el-input__inner {
    background-color: transparent !important;
    border: 1px solid #18CAF1;
    color: #18CAF1;

    &::placeholder {
      color: #18CAF1;
    }

    &::-webkit-input-placeholder {
      /* WebKit browsers 适配谷歌 */
      color: #18CAF1;
    }

    &:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 适配火狐 */
      color: #18CAF1;
    }

    &::-moz-placeholder {
      /* Mozilla Firefox 19+ 适配火狐 */
      color: #18CAF1;
    }

    &:-ms-input-placeholder {
      /* Internet Explorer 10+  适配ie*/
      color: #18CAF1;
    }

    .el-input__suffix {
      .el-input__suffix-inner {
        i {
          color: #18CAF1 !important;
        }
      }
    }

  }

}

.select-option {
  border: 1px solid rgba(14, 31, 129, 0.9) !important;
  background-color: rgba(14, 31, 129, 0.9) !important;

  //下拉框箭头
  .popper__arrow {}

  .popper__arrow::after {
    border-bottom-color: rgba(42, 233, 253, 0.47) !important;
  }

  .el-scrollbar {
    .el-select-dropdown__wrap.el-scrollbar__wrap {
      .el-scrollbar__view.el-select-dropdown__list {
        background-color: #213a8e !important;
        border: #409EFF !important;

        .el-select-dropdown__item {
          background-color: #213a8e !important;

          span {
            color: #18CAF1;
          }
        }

        .el-select-dropdown__item:hover {
          background-color: #1E90FF !important;

          span {
            color: rgba(255, 255, 255, 1);
          }
        }
      }
    }
  }
}


/* 弹性自适应布局样式 */
/*固定div的高宽用width,height就可以*/
.FlexBoxParent {

  display: -webkit-box;
  /*部分三星等较老内核*/
  display: flex;
  /*最新的*/
  display: -webkit-flex;
  /*android ios*/
}

.FlexBoxChildren {
  flex: 1;
  -webkit-flex: 1;
  /*flex -webkit-flex*/
  -webkit-box-flex: 1;
  /*-webkit-box*/
}

/*谷歌、safari、qq浏览器、360浏览器滚动条样式 -- 白色样式*/
.WhiteScroll {

  &,
  & .el-table__body-wrapper {

    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    &::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    &::-webkit-scrollbar-track {
      border-radius: 10px;
      background-color: #f1f1f1;
    }

    /*定义滑块 内阴影+圆角*/
    &::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background-color: #ddd;
    }

    /*滑块效果*/
    &::-webkit-scrollbar-thumb:hover {
      border-radius: 5px;
    }

    /*滚动条交汇处*/
    &::-webkit-scrollbar-corner {
      background-color: #f1f1f1;
    }
  }
}

//批复项table
.item-table {
  .el-table__body-wrapper {
    max-height: calc(100vh - 400px);
    overflow-y: auto;
  }
}

//时间选择器样式修改
.el-date-editor .el-range-separator {
  width: 9% !important;
  padding-top: 3px !important;
}


//公共detail 滚动
.public-detail-scroll {
  max-height: 550px;
  padding: 0 15px;
  overflow-y: auto;

  //公共flex-row
  .flex-row {
    display: flex;
    flex-direction: row;
  }
}

.hide {
  .el-upload.el-upload--picture-card {
    display: none;
  }
}

.activityRegistration-management-info {
  .el-table__body-wrapper tr td:nth-child(5) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }

  .el-table__body-wrapper tr td:nth-child(2) {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }
}

$lineblue: #3270EF;
$hoverlineblue: #005FFF;

//第一个变蓝 fixed table 第一个变蓝
.table-one-blue {
  .el-table__body-wrapper tr td:nth-child(1) {
    color: $lineblue !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: $hoverlineblue !important;
    }
  }

  .el-table__fixed-body-wrapper tr td:nth-child(1) {
    color: $lineblue !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: $hoverlineblue !important;
    }
  }
}

//第二个变蓝
.table-two-blue {
  .el-table__body-wrapper tr td:nth-child(2) {
    color: $lineblue !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: $hoverlineblue !important;
    }
  }
}

//第三个变蓝
.table-three-blue {
  .el-table__body-wrapper tr td:nth-child(3) {
    color: $lineblue !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: $hoverlineblue !important;
    }
  }
}

//第四个变蓝
.table-four-blue {
  .el-table__body-wrapper tr td:nth-child(4) {
    color: $lineblue !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: $hoverlineblue !important;
    }
  }
}

//第五个变蓝
.table-five-blue {
  .el-table__body-wrapper tr td:nth-child(5) {
    color: $lineblue !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: $hoverlineblue !important;
    }
  }
}

//第六个变蓝
.table-six-blue {
  .el-table__body-wrapper tr td:nth-child(6) {
    color: $lineblue !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: $hoverlineblue !important;
    }
  }
}

//第七个变蓝
.table-seven-blue {
  .el-table__body-wrapper tr td:nth-child(7) {
    color: $lineblue !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: $hoverlineblue !important;
    }
  }
}

//第八个变蓝
.table-eight-blue {
  .el-table__body-wrapper tr td:nth-child(8) {
    color: $lineblue !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: $hoverlineblue !important;
    }
  }
}

//第八个变蓝
.table-nine-blue {
  .el-table__body-wrapper tr td:nth-child(9) {
    color: $lineblue !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: $hoverlineblue !important;
    }
  }
}

.bim-container {
  .el-checkbox {
    color: rgba(255, 255, 255, 1) !important;
  }

  .el-checkbox__inner {
    border: 1px solid #3879D9;
    background-color: transparent;
  }
}


.bimshow-new-wrap {

  .cesium-viewer-navigationContainer,
  .cesium-performanceDisplay {
    display: none !important;
  }
}

// bim模块树的样式
.bimshow-new-wrap {
  .el-scrollbar__wrap {
    overflow-x: hidden !important;
    margin-bottom: 0px !important;
  }

  .bim-container {

    .bim-tree-box,
    .layer-control-box-zhengchai,
    .layer-control-box-linjian {
      .el-tree {
        background: transparent !important;
        color: #ffffff !important;
      }

      .el-tree-node__content {
        &:hover {
          background: rgba(27, 123, 216, 0.4) !important;
        }

        //   .is-leaf.el-tree-node_expand-icon  {
        //     display:none !important;
        // }
        .el-tree-node__expand-icon.is-leaf {
          // display:none !important;
          padding: 3px !important;
          visibility: hidden !important; //占位隐藏 不然子集会出现错误的bug
        }
      }

      .el-tree-node:focus>.el-tree-node__content {
        background-color: #5daaf0 !important;
      }

      .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
        background-color: #168cf9 !important;
      }

      .el-tree-node__expand-icon {
        color: #ffffff !important;
      }
    }
  }

  .baseinfo-box {
    .info-box {
      .el-input {
        margin-top: 10px;
      }

      .el-input-group__append,
      .el-input-group__prepend {
        background-color: rgba(211, 224, 241, 0.2) !important;
        color: rgba(212, 225, 242, 1) !important;
      }

      .el-input-group__append,
      .el-input-group__prepend {
        border: 1px solid rgba(211, 224, 241, 0.4) !important;
        width: 132px !important;
      }

      .el-input__inner {
        background-color: transparent !important;
        border: 1px solid rgba(211, 224, 241, 0.4);
        color: #fff !important;
        height: 40px !important;
        line-height: 40px !important;
      }

      .el-textarea.is-disabled .el-textarea__inner {
        background-color: transparent !important;
        border: 1px solid rgba(211, 224, 241, 0.4);
        color: #fff !important;
      }

      .el-scrollbar__wrap {
        overflow-x: hidden !important;
        margin-bottom: 0px !important;
      }
    }
  }
}

// .bimshow-new-wrap{
//   .sm-panel{
//     position: absolute;
//     top: 30px;
//     right: 890px;
//   }
// }

.bimshow-new-wrap {
  .bim-container {

    .top-btn-left,
    .bim-tree-box {
      .top-btn-left-btn {
        .el-input__inner {
          background-color: rgba(21, 22, 22, 0.64) !important;
          border: 1px solid #3879D9 !important;
          color: #FFFFFF !important;
          height: 40px !important;
          line-height: 40px !important;
        }
      }

      .el-input-group__append,
      .el-input-group__prepend {
        background-color: rgba(21, 22, 22, 0.64) !important;
        border: 1px solid #3879D9 !important;
        border-left: 0px !important;
      }
    }
  }
}

.select-option-qinghai {
  border: 1px solid rgba(21, 22, 22, 0.64) !important;
  background-color: rgba(21, 22, 22, 0.64) !important;

  //下拉框箭头
  .popper__arrow {}

  .popper__arrow::after {
    border-bottom-color: rgba(21, 22, 22, 0.64) !important;
  }

  .el-scrollbar {
    .el-select-dropdown__wrap.el-scrollbar__wrap {
      .el-scrollbar__view.el-select-dropdown__list {
        background-color: rgba(21, 22, 22, 0.64) !important;
        border: rgba(21, 22, 22, 0.64) !important;

        .el-select-dropdown__item {
          background-color: rgba(21, 22, 22, 0.64) !important;

          span {
            color: rgba(255, 255, 255, 1);
          }
        }

        .el-select-dropdown__item:hover {
          background-color: #1E90FF !important;

          span {
            color: rgba(255, 255, 255, 1);
          }
        }
      }
    }
  }
}

.chooseBirdeg-box {
  .el-input__inner {
    background-color: transparent !important;
    border: 1px solid rgba(211, 224, 241, 0.4);
    color: #fff !important;
    height: 50px !important;
  }
}

.wander-box {
  .el-input__inner {
    background-color: rgba(20, 21, 21, 0.64) !important;
    border: 1px solid rgba(211, 224, 241, 0.4);
    color: #fff !important;
    height: 38px !important;
  }

  .fly-input {
    .el-input-group__prepend {
      background-color: rgba(27, 123, 216, 1) !important;
      color: #FFFFFF !important;
      border: 1px solid rgba(36, 116, 187, 1) !important;
    }

    .el-input__inner {
      border: 1px solid rgba(36, 116, 187, 1) !important;
    }
  }

  .fly-tree-box {
    .el-tree {
      background: transparent !important;
      color: #fff !important;
    }

    .el-tree-node__content:hover {
      background-color: rgba(36, 116, 187, 0.2) !important;
      color: #FFFFFF !important;
      // .el-tree-node__expand-icon.is-leaf{
      //   color: rgba(107,197,225,1)!important;
      // }
    }

    .el-tree-node:focus>.el-tree-node__content {
      background-color: rgba(36, 116, 187, 0.6) !important;
      color: #fff !important;
      // .el-tree-node__expand-icon.is-leaf{
      //   color: transparent!important;
      // }
    }
  }
}

.el-notification {
  background-color: rgba(21, 22, 22, 0.64) !important;
  border: 1px solid #3879D9 !important;

  .el-notification__title {
    color: #FFFFFF !important;
  }

  .el-notification__content {
    color: #FFFFFF !important;
  }

  .el-notification__closeBtn {
    color: #FFFFFF !important;
  }

  // .right{
  //   right: 21px !important;
  // }
}

.el-notification.right {
  right: 21px !important;
}

.notification-item {
  margin-bottom: 6px;
}

.quality-box-right {

  .el-table--enable-row-transition .el-table__body td,
  .el-table .cell {
    background-color: transparent !important;
  }

  .el-table tr {
    background-color: transparent !important;
  }

  .el-table,
  .el-table__expanded-cell {
    background-color: transparent !important;
  }

  .el-table--border,
  .el-table--group {
    border: 1px solid rgba(211, 224, 241, 0.4) !important;
  }

  .el-table--border::after,
  .el-table--group::after,
  .el-table::before {
    background-color: unset !important;
  }
}

.info-box {
  .table-box {

    .el-table--enable-row-transition .el-table__body td,
    .el-table .cell {
      background-color: transparent !important;
    }

    .el-table tr {
      background-color: transparent !important;
    }

    .el-table,
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    .el-table--border,
    .el-table--group {
      border: 1px solid rgba(211, 224, 241, 0.4) !important;
    }

    .el-table--border::after,
    .el-table--group::after,
    .el-table::before {
      background-color: unset !important;
    }
  }
}

//一张图 el-tree 黑色款样式
.filter-tree-bim {
  background-color: rgba(2, 47, 88, 0) !important;
  min-width: 260px;
  margin-top: 10px;

  .el-tree-node {
    min-width: 100%;
    display: inline-block;

    .el-tree-node__children {
      div {
        display: block;
        line-height: 30px;
      }
    }
  }

  .el-tree-node__expand-icon {
    color: #FFFFFF !important;
    // width: 30px!important;
    // margin-left: 10px;
    // margin-right: 10px;
  }

  .el-tree-node__content {
    height: 30px !important;
    color: #FFFFFF !important;
  }

  .el-tree-node__content:hover {
    background-color: rgba(107, 197, 225, 1) !important;
    color: #FFFFFF !important;

    .el-tree-node__expand-icon.is-leaf {
      color: rgba(107, 197, 225, 1) !important;
    }
  }

  .el-tree-node:focus>.el-tree-node__content {
    background-color: rgba(107, 197, 225, 1) !important;
    color: #fff !important;

    .el-tree-node__expand-icon.is-leaf {
      color: transparent !important;
    }
  }

  .el-tree-node__expand-icon.is-leaf {
    color: transparent !important;
  }
}


//tree  style.
.left-tree-node {
  .el-tree-node__children {
    .el-tree-node.is-expanded.is-current.is-focusable {
      background-color: rgba(245, 247, 250, 1) !important;
    }
  }
}

//table 删除按钮

.file-table-delete {
  background-color: #fff !important;
}

.file-table-delete:hover {
  background-color: #fef0f0 !important;
  color: #F56C6C !important;
}

//禁用输入框 选择器 时间选择器 textArea
.el-input.is-disabled .el-input__inner {
  color: #666 !important;
}

.el-textarea.is-disabled .el-textarea__inner {
  color: #666 !important;
}


//el-form表单 不换行 line-height
.el-dialog .noBreak .el-form-item--small .el-form-item__label {
  line-height: 10px !important;

}

.noBreak {
  .el-form-item__label {
    display: flex;
    flex-direction: row;
  }
}

//表单label换行 line-height
.formStar {
  line-height: 23px !important;
}

//公共tree
.imageProgressSummary-tree {
  .el-tree-node:focus>.el-tree-node__content {
    color: #005fff !important;

    .el-tree-node__expand-icon.is-leaf {
      color: transparent !important;
    }
  }

  .el-tree-node.is-current>.el-tree-node__content {
    background: #f0f4ff;
    color: #005fff;
  }
}

//公共tree
.Public-Tree-Class {
  .el-tree-node:focus>.el-tree-node__content {
    color: #005fff !important;

    .el-tree-node__expand-icon.is-leaf {
      color: transparent !important;
    }
  }

  .el-tree-node.is-current>.el-tree-node__content {
    background: #f0f4ff;
    color: #005fff;
  }

  .el-tree-node>.el-tree-node__children {
    overflow: unset;
  }
}

//看板 按钮组 样式
.btn_group {
  .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background-color: rgba(30, 112, 250, 1) !important;
    padding: 7px 25px !important;
  }

  .el-radio-button__inner {
    background-color: rgba(0, 95, 255, 0.1) !important;
    border: 1px solid rgba(0, 95, 255, 0.14);
    border-left: unset !important;
    color: rgba(0, 95, 255, 1);
    padding: 7px 21px !important;
  }

  .el-radio-button__inner:nth-of-type(1) {
    border-left: 1px solid rgba(0, 95, 255, 0.14) !important;
  }
}

.bridgeHoleCarousel {
  .el-carousel__arrow.el-carousel__arrow--left {
    background-color: rgba(144, 144, 144, 0.8) !important;
  }

  .el-carousel__arrow.el-carousel__arrow--right {
    background-color: rgba(144, 144, 144, 0.8) !important;
  }
}

.noneButton {
  .el-carousel__arrow.el-carousel__arrow--left {
    display: none;
  }

  .el-carousel__arrow.el-carousel__arrow--right {
    display: none;
  }
}

.table-no-x-scroll {
  .el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: hidden !important;
  }
}

.limit_body {

  .el-table__fixed-right::before,
  .el-table__fixed::before {
    height: 0px !important;
  }
}

.fullCell td.el-table__cell div {
  overflow: auto !important;
  text-overflow: unset !important;
  white-space: normal;
  word-break: unset !important;
}

//公共绿色按钮样式
.greenButton {
  height: 36px !important;
  background-color: #7AC651 !important;
  border-color: #7AC651 !important;

  &:hover {
    background-color: #9be375 !important;
    border-color: #9be375 !important;
  }
}

.el-textarea.is-disabled {
  .el-textarea__inner {
    &::-webkit-input-placeholder {
      /* WebKit browsers */
      color: rgba(255, 255, 255, 0) !important;
    }

    &::-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: rgba(255, 255, 255, 0) !important;
    }

    &::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: rgba(255, 255, 255, 0) !important;
    }

    &::-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: rgba(255, 255, 255, 0) !important;
    }
  }

}

.el-input.is-disabled {
  .el-input__inner {
    &::-webkit-input-placeholder {
      /* WebKit browsers */
      color: rgba(255, 255, 255, 0) !important;
    }

    &::-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: rgba(255, 255, 255, 0) !important;
    }

    &::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: rgba(255, 255, 255, 0) !important;
    }

    &::-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: rgba(255, 255, 255, 0) !important;
    }
  }
}

.safetyProductionPlan-table {
  .el-table__body-wrapper {
    .cell {
      display: flex;
      flex-direction: row;
      align-items: center;
    }
  }
}

//驾驶舱
.left-three-carousel {
  height: 100%;
  width: 100%;

  .el-carousel__indicators.el-carousel__indicators--horizontal {
    display: none !important;
  }
}

.cockpit-video-dialog {
  .el-dialog .el-dialog__header {
    height: 60px !important;
    line-height: 60px !important;
    background-color: #375ABF !important;
  }

  .el-dialog {
    padding-bottom: 0px;

    .el-dialog__body {
      padding: 20px !important;
      background: #253870 !important;
    }
  }
}

//工作台select定制化
.chooseProject {
  .chooseProject_prefix {
    width: 20px;
    height: 20px;
  }

  .el-select .el-input .el-select__caret {
    color: rgba(0, 95, 255, 1);

  }

  .el-select__caret::before {
    color: rgba(0, 95, 255, 1);
  }

  .el-input__prefix {
    display: flex;
    align-items: center;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 20px;
    left: 20px;
  }

  .el-input__inner {
    text-align: center !important;
    font-size: 17px !important;
    // padding-right: 40px !important;
  }

  input {
    border: none !important;
    background-color: rgba(203, 203, 203, 0.16) !important;
    color: rgba(0, 95, 255, 1);
    height: 58px !important;
    border-radius: 13px;

    &::-webkit-input-placeholder {
      /* WebKit browsers */
      color: rgba(0, 95, 255, 1) !important;
    }

    &::-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: rgba(0, 95, 255, 1) !important;
    }

    &::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: rgba(0, 95, 255, 1) !important;
    }

    &::-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: rgba(0, 95, 255, 1) !important;
    }
  }
}

.xinxiang_input {
  .btnGroupAA {

    .el-input-group__append,
    .el-input-group__prepend {
      padding: 0px !important;
    }
  }
}

//党建滚动
.tabs-scroll {
  .el-tabs__header.is-top {
    border: none !important;

  }

  .el-tabs__nav.is-top {
    border: none !important;

  }

  .el-tabs__item.is-top {
    border: none !important;
  }
}

.el-tooltip__popper {
  max-width: 50%;
}


.dialog-normal-button {
  background-color: #1890ff !important;
  color: #fff !important;
}

//input  type=number 样式调整
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.tendayTable {
  .el-table__body-wrapper {
    tbody {
      tr:nth-last-of-type(1) {
        td:nth-of-type(2) {
          .cell {
            width: unset !important;
          }
        }
      }

      tr:nth-last-of-type(2) {
        td:nth-of-type(2) {
          .cell {
            width: unset !important;
          }
        }
      }
    }
  }
}

//规划图管理 轮播图
.roadNetWork {
  .el-carousel__container {
    .el-carousel__arrow.el-carousel__arrow--left {
      display: none !important;
    }

    .el-carousel__arrow.el-carousel__arrow--right {
      display: none !important;
    }
  }

  .el-carousel__indicators.el-car1ousel__indicators--horizontal {
    display: none !important;
    ;
  }
}

//旬报表 table
.constunitReport-table {
  .el-table__body-wrapper {
    min-height: 328px !important;
  }
}

.table-input-class {
  .el-input-group__append {
    padding: 0 !important;
  }
}

//圆角时间选择器
.radius-picker {
  .el-input__inner {
    border-radius: 10px !important;
  }
}

.el-dropdown-menu__item--divided {
  border-top: none !important;
}


//父节点不能勾选
.selectFatherSection {}


.invest_analysis {
  .column_item {
    .el-input__inner {
      background-color: transparent !important;
      color: #FFFFFF !important;
      border: 1px solid #fff;
      height: 26px !important;
      line-height: 26px !important;
    }

    .el-input__prefix {
      i {
        color: #FFFFFF !important;
      }
    }
  }
}



//dialog内容
.dialog-content {
  .el-dialog {
    background-image: url("~@/assets/images/cockpit/dialogImg.png") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-color: rgba(255, 255, 255, 0);
  }

  .el-dialog .el-dialog__header {
    background-color: rgba(255, 255, 255, 0);
  }

  .el-dialog__header {
    .el-dialog__title {
      position: relative;
      left: 48%;
      top: -23%;
      color: #fff !important;
    }
  }

  .el-dialog__headerbtn {
    i {
      color: #fff !important;
    }
  }

  .dialogText {
    color: #fff !important;
    font-size: 18px;
    line-height: 30px;
    text-indent: 2em;
  }
}

.public-flex-row {
  display: flex;
  flex-direction: row;
}

.hover-underline-changeBlue {
  cursor: pointer;
  text-decoration-color: #1e70fa;
  color: #1e70fa;
}

.hover-underline-changeBlue:hover {
  text-decoration: underline;
  text-decoration-color: #1e70fa;
  color: #1e70fa;
}

.noHover-noBlue {
  cursor: pointer;
  text-decoration-color: #1e70fa;
}

.noHover-noBlue:hover {
  text-decoration: underline;
  text-decoration-color: #1e70fa;
  color: #1e70fa;
}

.blueButton {
  color: #fff !important;
  background-color: #3270EF !important;
  border-color: #3270EF !important;
  border-radius: 12px !important;
}

.blueButton:hover {
  background: #6A9BFF !important;
  border-color: #6A9BFF !important;
}

.redButton {
  color: #fff !important;
  background-color: #F56C6C !important;
  border-color: #F56C6C !important;
  border-radius: 12px !important;
}

.redButton:hover {
  background: #F89D9D !important;
  border-color: #F89D9D !important;
}

.greenButton {
  color: #fff !important;
  background-color: #7AC651 !important;
  border-color: #7AC651 !important;
  border-radius: 12px !important;
}

.greenButton:hover {
  background: #9be375 !important;
  border-color: #9be375 !important;
}

//公共右侧action 区域
.flex-right-action-group {
  display: flex;
  flex-direction: row;
  align-items: center;

  .input {
    margin-left: 15px;
  }

  .date {
    margin-left: 15px;
  }

  .button {
    margin-left: 15px !important;
  }

  .select {
    margin-left: 15px !important;
  }
}

.chooseTable-tree {
  .cell {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
  }
}

.vxe-table-tree {
  .vxe-cell {
    white-space: unset !important;
  }

  .vxe-tree-cell {
    .vxe-cell--checkbox {
      display: flex;
      flex-direction: row;
      align-items: center;
    }
  }
}

.target-task-list-table {

  .el-table__body-wrapper .el-table_1_column_9,
  .el-table__body-wrapper .el-table_1_column_2 {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }

  .el-table__fixed-body-wrapper .el-table_1_column_9,
  .el-table__body-wrapper .el-table_1_column_2 {
    color: #3270EF !important;
    cursor: pointer;

    &:hover {
      text-decoration: underline;
      color: #005FFF !important;
    }
  }
}

.radius-select {
  .el-input__inner {
    border-radius: 10px !important;
  }
}

//工作台按钮样式
.workbench_button {
  font-size: 12px !important;
  padding: 7px 9px !important;
  background-color: #1763FF !important;
  color: #fff !important;
}

.workbench_button:hover {
  background-color: rgba(23, 99, 255, 0.8) !important;
  color: #fff !important;
}

.workbenchTree {
  span {
    color: #000;
  }

  .el-tree-node__content {
    background-color: #F8F8F8;
  }

  .el-tree-node__children {
    background-color: #F8F8F8;
  }
}

.form-table-leftTop {
  margin: 0 !important;
  padding: 0 !important;

  .el-form-item {
    border: 1px solid rgba(125, 125, 125, 0.4);
    margin-bottom: 0 !important;
  }

  .el-form-item__label {
    background-color: #F2F2F2;
    border-right: 1px solid rgba(125, 125, 125, 0.4);
    color: #7D7D7D !important;
  }

  .el-form-item__content {
    line-height: 39px !important;
    padding: 0 15px;
    max-width: calc(100% - 165px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

.form-table-leftTop:nth-child(odd) {
  .el-form-item {
    border-right: 0;
  }
}

.noBottom {
  .el-form-item {
    border-bottom: 0;
  }
}

//颜色按钮
.blueButton {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #fff !important;
  background-color: #3270EF !important;
  border-color: #3270EF !important;
  border-radius: 12px !important;
}

//横向 靠左
.row-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

//树形数据 span 大小
.treeSpan {
  font-size: 14px;
}
